<template>
  <div id="app">
    <!-- keep-alive: 保持组件活跃不销毁 -->
    <!-- exclude: 将name为Detail的组件排除在外 -->
    <keep-alive exclude="Detail">
      <router-view></router-view>
    </keep-alive>
    <main-tab-bar></main-tab-bar>
  </div>
</template>

<script>
// 引入组件
import MainTabBar from "components/content/mainTabbar/MainTabBar";

export default {
  name: "App",
  components: {
    MainTabBar,
  },

  data() {
    return {
      message: "Hello VueJS",
    };
  },
};
</script>

<style lang="less">
// 导入初始化base.css
@import "assets/css/base.css";
</style>
